/**
 * 时间转换器 CSS
 */

/* 当前时间戳显示 */
#current-timestamp {
  font-size: 2rem;
  font-weight: bold;
  color: var(--primary-color);
  margin-bottom: 0;
  transition: all 0.3s ease;
}

#timestamp-unit {
  font-size: 1rem;
  color: var(--text-muted);
}

/* 转换结果区域 */
.result-area {
  margin-top: 15px;
  padding: 10px;
  border-radius: 5px;
  background-color: rgba(var(--bs-primary-rgb), 0.05);
  transition: all 0.3s ease;
}

/* 结果值强调 */
.result-value {
  font-weight: bold;
  color: var(--primary-color);
}

/* 复制按钮 */
.copy-btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
}

/* 响应式调整 */
@media (max-width: 768px) {
  .btn-group {
    flex-wrap: wrap;
  }
  
  .btn-group .btn {
    flex: 1 1 auto;
    margin-bottom: 5px;
  }
  
  #current-timestamp {
    font-size: 1.5rem;
  }
}